
import React from "react";

import 'antd/dist/antd.css';
import scss from '../../../assets/styles/cloudmap.module.scss';

import { MPre, MTitles, MfullTitle, MItem } from '../../../components/page/onlinehelp'
import { showItem } from './data'


// 组件模板
const Module: any = {
    "MTitles": MTitles,
    "MfullTitle": MfullTitle,
    "MItem": MItem,
    "MPre": MPre,
}

interface State {
    area: number;
}
interface Props {

}
export default class WraparoundPage extends React.Component<Props, State> {
    constructor(props: Props) {
        super(props)
        this.state = {
            area: 8
        }
    }
    render() {
        return (
            <div className={scss['cloud-out-of-bounds']}>
                {
                    showItem.map((item, index) => {
                        let DDD = Module[item.type];
                        return <DDD data={item.item} key={index + item.type} />
                    })
                }
            </div>
        )
    }
}